.searchWrapper{
  width: 100vw;
  height: 100vh;
  padding: 0 30px;
  box-sizing: border-box;

  .headPart{
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    margin-bottom: 66px;

    .inputWrapper{
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 14px 32px;
      margin-right: 26px;
      background: rgba(240, 240, 240, 1);
      border-radius: 30px;
      box-sizing: border-box;
      font-size: 24px;

      image{
        width: 32px;
        height: 36px;

        &.search{
          margin-right: 40px;
        }
      }

      input{
        width: 100%;
        height: 100%;
      }
    }

    .btn{
      flex-shrink: 0;
      font-size: 28px;

      &.confirm{
        color: #4CAF50;
      }
    }
    //.confirmBtn{
    //  flex-shrink: 0;
    //  font-size: 28px;
    //}

    //.cancelBtn{
    //  flex-shrink: 0;
    //  font-size: 28px;
    //}
  }

  .searchHistory{
    .title{
      margin-bottom: 26px;
      font-size: 24px;
      color: rgba(102, 102, 102, 1);
    }
    .listContainer{
      display: flex;
      flex-wrap: wrap;
    }
  }
}
